<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar :datas="{formData:form}" showPerson personType="PERSON_AAC031_1" psTagType="PERSON_AAB001_GROUP">
                <ep-button size="small" name="打印"></ep-button>
                <ep-button size="small" name="刷新"></ep-button>
            </epl-top-bar>

            <epl-userMessage dataType="person" idCount="14" :panel="panel">
            
            </epl-userMessage>

                       <el-collapse v-model="activeNames" @change="handleChange">
                <el-collapse-item title="人员补收信息" name="1">
                    <el-card class="ep-card">
                        <el-form :model="form" ref="form" :rules="rules">    
                            <el-row>
                                <ep-table :data="tableData" border style="width: 100%;" rowDbClick>
                                    <ep-table-column editor="index" name="index" width="50" header="序号"></ep-table-column>
                                    <ep-table-column sortable editor="date" format="yyyyMM" value-format="yyyyMM" date-type="date" edited name="aae030" header="补收开始时间" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                                    <ep-table-column sortable editor="date" format="yyyyMM" value-format="yyyyMM" date-type="date" edited name="aae031" header="补收结束时间" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                                    <ep-table-column sortable editor="text" edited name="aae180" header="工资" isChange :datas="{tableData: tableData,formData: form}"></ep-table-column>
                                    <!-- <el-table-column header="操作" width="100" editor="button">
                                        <template slot-scope="scope">
                                            <ep-button type="text" name="删除" id="doDelete" :datas="{tableData: tableData,index: scope.$index}"></ep-button>
                                        </template>
                                    </el-table-column> -->
                                    <ep-table-column header="操作" width="100" editor="button">
                                        <template slot-scope="scope">
                                            <el-button type="text" size="mini" @click="deleteCurrentRow(scope.row)">删除</el-button>
                                        </template>
                                    </ep-table-column>
                                </ep-table>
                            </el-row>
                            <el-row type="flex" justify="center">
                                <ep-button size="medium" type="text" name="+增加" id="doAdd" :datas="{tableData: tableData,baa115: form.baa115}"></ep-button>
                            </el-row>
                        </el-form>
                    </el-card>
                </el-collapse-item>
            </el-collapse>
            <el-card class="ep-card">
                <ep-title>个人补收结果</ep-title>
                
                  <el-row>
                    <ep-table :data="tableData2" border style="width: 100%;" rowDbClick :titleFilter="PsDetailRefund">
                        <ep-table-column editor="index" width="85"  header="序号"></ep-table-column>
                        <ep-table-column sortable editor="select" name="aae140" codetype="AAE140" header="险种类型" ></ep-table-column>  
                        <ep-table-column sortable editor="select" name="aab033" codetype="AAB033" header="工资"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae180" header="补缴基数"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae003" header="对应费款所属期"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae202" header="月数"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae020" header="单位金额"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae022" header="个人金额"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae058" header="滞纳金"></ep-table-column>
                        <ep-table-column sortable editor="text" name="hj" header="合计"></ep-table-column>
                        <ep-table-column sortable editor="text" name="cz" header="操作"></ep-table-column>
                    </ep-table>

                </el-row>
                  <div style="margin: 15px 0;"></div>
                <el-row type="flex" justify="center">
                        <ep-saveButton id="doSave" top="20" type="primary" bottom="20" ref="save" @formValidate="formValidate"
                                       :validate="['form']" :datas="{formData: form,panel:panel,tableData:tableData,tableData2:tableData2}" name="保存"></ep-saveButton>
                </el-row>
            </el-card>

            <el-card class="ep-card">
                <ep-title>缴费记录列表</ep-title>
                
                  <el-row>
                    <ep-table :data="tableData2" border style="width: 100%;" rowDbClick :titleFilter="PsDetailRefund">
                        <ep-table-column editor="index" width="85"  header="序号"></ep-table-column>
                        <ep-table-column sortable editor="select" name="aae140" codetype="AAE140" header="操作类型" ></ep-table-column>  
                        <ep-table-column sortable editor="select" name="aab033" codetype="AAB033" header="单位名称"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae180" header="险种类型"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae180" header="缴费工资"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae180" header="缴费基数"></ep-table-column>
                         <ep-table-column sortable editor="text" name="aae180" header="费款所属期"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae003" header="对应费款所属期"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae202" header="单位应缴"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae020" header="单位划账户"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae022" header="个人应缴"></ep-table-column>
                        <ep-table-column sortable editor="text" name="aae058" header="个人划账户"></ep-table-column>
                        <ep-table-column sortable editor="text" name="hj" header="合计"></ep-table-column>
                    </ep-table>

                </el-row>
                  <div style="margin: 15px 0;"></div>
                <el-row type="flex" justify="center">
                        <ep-saveButton id="doSave" top="20" type="primary" bottom="20" ref="save" @formValidate="formValidate"
                                       :validate="['form']" :datas="{formData: form,panel:panel,tableData:tableData,tableData2:tableData2}" name="保存"></ep-saveButton>
                </el-row>
            </el-card>
        </el-main>
    </el-main>
</template>

<script src="../js/PsDetailFundJS.js"></script>